<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>英文大小写转换工具</title>

<link rel="stylesheet" href="css/style.css">
<script src="js/script.js"></script>
</head>
<body>

<!--繁体字转换工具-->
<div class="main">
  <div class="content">
    <div class="tip"><p>英文大小写转换工具：输入或复制你想转换的文字到表格内容栏里点击转化按钮↓↓↓</p></div>
    <div class="echo"></div>
  </div>
</div>
<div class="layout"> 
  <div class="form">
  <div class="daxiao">
            <div align="center" style="color:#006AAD;font-size:16px;font-weight:bold;margin-top:10px;">英文大小写转换、首字母大写转换</div><form name="wawa" id="wawa">
                    <div align="center" style="padding-top:10px;">
                        <textarea id="str" name="str" style="width:850px;border:1px solid #878787;height:250px;overflow:visible;resize: none;" cols="20" rows="20" >WangHao</textarea>
                    </div>
                    <div class="btnname1">
                        <input class="but20" type="button" value="转换成大写" onclick="Ubig(this.form.str)"/>
                        <input class="but20" type="button" value="转换成小写" onclick="Usmall(this.form.str)" />
                        <input class="but20" type="button" value="首字母大写" onclick="Ufirst(this.form.str)" />
</form>
               </div>
         </div>
     </div>
</div>

<p>更多源码：<a href="https://blog.csdn.net/qq_44273429" target="_blank">海拥</a></p>
</div>
</body>
</html>